<template>
    <div>
        <el-button type="text" class="back" @click="goback">返回<i class="el-icon-back"></i></el-button>
        <div class="header">

            <div class="headertext">欢迎使用网上求职系统</div>
            <div class="headertext">{{ CompanyName }}</div>
            <img src="https://pic1.58cdn.com.cn/enterprise/appearance/big/n_v2a849a70cc3144a418d1029c6cb90cad8.jpg" alt="">
        </div>
    </div>
</template>
<script>
import axios from 'D:\\job_management\\src\\axiosConfig.js'
export default {

    data() {
        return {
            CompanyName: '字节跳动',
        }
    },
    methods: {
        goback() {
            this.$router.go(-1)
        }
    },
    mounted() {
        axios.get(`/company/home`,
            {
                params: {
                    account: this.$store.state.companyAccount
                }
            }
        ).then(response => {
            this.CompanyName = response.data.data.company.companyName;
        }).catch(error => {
            console.log(error);
        })
    }

}
</script>
<style scoped>
.header {
    width: 100%;
    height: 135px;
    background-color: rgb(0, 180, 179);
    display: flex;
}

.headertext {
    display: inline-block;
    font-weight: 700;
    font-size: 25px;
    margin-top: 40px;
    padding-right: 50px;
}

.header div:first-child {
    margin-right: auto;
    padding-left: 50px;
}

.header img {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    margin-right: 20px;
}

.back {
    position: absolute;
    left: 10px;
    top: -10px;
    color: black;
    font-size: 20px;
}
</style>